@import '@/assets/fonts/font.less';
html {
  height: 100%;
  body {
    margin: 0;
    #app {
      width: 100vw;
      height: 100vh;
      border: 0;
      margin: 0;
      padding: 0;
      font-display: swap;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border: 0;
      box-sizing: border-box;
    }
  }
}

:root {
  /*默认颜色配置*/
  --default: #fefeff;
  --primary: #D8000F;
  --primary-active: #5e6b5c;
  --primary-dark: #005299;
  --primary-light: #e0f2ff;

  --assist: #ff3d47;
  --assist-dark: #7a0008;
  --assist-light: #ff8084;
  --product: #fe7d18;

  --success: #07c160;
  --success-light: #f0f9eb;
  --warning: #e6a23c;
  --warning-light: #fde9d2;
  --danger: #f44;
  --danger-light: #fedde0;
  --danger-dark: #d43939;
  --info: #909399;

  /*字体颜色配置*/
  --font-ha: #323233;
  --font-hb: #606266;
  --font-hc: #979797;
  --font-hd: #999999;
  --font-he: #969799;
  --font-disabled: #bbbbbb;
  --font-desc: #233045;

  /*边框颜色配置*/
  --border-ba: #dcdfe6;
  --border-bb: #ebedf0;
  --border-bc: #ebeef5;
  --border-bd: #f2f6fc;

  /*全局背景颜色配置*/
  --bg-page: #f8f8f9;
  --bg-disabled: #e6e6e7;
  --box-shadow: #979797;
}

div {
  box-sizing: border-box;
}

.backgroundImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

// 按钮
.cover-btn {
  --van-button-default-height: 50px;
  --van-button-border-radius: 0;
  --van-button-normal-font-size: 16px;
  --van-button-primary-background-color: var(--primary);
  --van-button-primary-border-color: var(--primary);
  font-weight: 600;
  width: 100%;

  &:active {
    opacity: 0.7;
  }

  .van-button__text {
    user-select: none;
  }
}

// form表单
.title-long {
  .van-field__label {
    width: max-content;
  }
}
.van-field__error-message {
}

// 下拉刷新组件
:deep(.van-pull-refresh__track) {
  min-height: 100vh;
}
